#container{
	width: 1535px;
	margin: auto auto;
}

body{
	background-color: gray;
}

aside {
	display: block;
	width: 300px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	background-color: white;
	border-radius: 3px;
}

main{
	float: right;
	width: 900px;
	background-color: white;
}

#blog-content-area{
	margin: 5px 15px;
}


#article-info-box{
	margin-bottom: 14px;
}

#right{
	width: 300px;
	float: right;
	margin: 0 0 0 10px;
	background-color: snow;
}

.article-type{
	float: left;
	color: #ca0c16;
	border: 1px solid #f4ced0;
	border-radius: 50%;
	line-height: 26px;
	margin-right: 5px;
	margin-top: 3px;
	width: 26px;
	height: 26px;
	font-size: 12px;
	text-align: center;
}

h1{
	font-size: 24px;
}


.article-time {
	color: #858585;
	margin-right: 15px;
	font-size: 14px;
}

.follow-nickname {
	color: #78a5f1;
	margin-right: 15px;
	font-size: 14px;
}

.article-read-num {
	color: #858585;
	margin-right: 15px;
	font-size: 14px;
}

.article-info-click {
	font-size: 14px;
	color: #3399ea;
}

img{
	max-width: 100%;
}

#bottom{
	text-align: center;
	margin-bottom: 200px;
}

.avatar-pic{
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

#aside-profile-info{
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 16px;
}

#aside-data-info{
	display: flex;
	border-bottom: 1px solid #e3e3e3;
}

#aside-data-info dl{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

dl dt a{
	text-decoration: none;
	color: black;;
}

dl dt a p{
	margin: 0;
}

dl, dt, dd{
	text-align: center;
	margin: 0;
}

#grade-box{
	padding-bottom: 10px;
}

.aside-title{
	font-size: 14px;
}

.aside-title:before{
	display: inline-block;
	margin-right: 8px;
	content: '';
	width: 4px;
	height: 22px;
	background-color: red;
	vertical-align: -4px;
}

.aside-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.aside-content ul li{
	margin: 0;
	font-size: 14px;
}
